<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Patronum</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>
    <script type="text/javascript" src="assets/js/echarts.js"></script>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/social.css">

    <!--css just for the preview-->
    <link href="assets/css/styles.css" rel="stylesheet" type="text/css" />

    <!--copy this code into your header-->
    <link href="assets/css/goal-thermometer.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="assets/js/goal-thermometer.js"></script>




    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/minus.png">
</head>

<body><div id="awwwards" class="right black"><a href="#" target="_blank">best websites of the world</a></div>
    <!-- Preloader -->
    <div id="preloader">
        <div id="status">&nbsp;</div>
    </div>
    <!-- TOP NAVBAR -->
<nav role="navigation" class="navbar navbar-static-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
                <span class="entypo-menu"></span>
            </button>
            <button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
                <span class="entypo-list-add"></span>
            </button>




            <div id="logo-mobile" class="visible-xs">
                <h1>WEB管理<span>v1.2</span></h1>
            </div>

        </div>


        <!-- Collect the nav links, forms, and other content for toggling -->
        <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">


            </ul>
            <div id="nt-title-container" class="navbar-left running-text visible-lg">
                <ul class="date-top">
                    <li class="entypo-calendar" style="margin-right:5px"></li>
                    <li id="Date"></li>


                </ul>

                <ul id="digital-clock" class="digital">
                    <li class="entypo-clock" style="margin-right:5px"></li>
                    <li class="hour"></li>
                    <li>:</li>
                    <li class="min"></li>
                    <li>:</li>
                    <li class="sec"></li>
                    <li class="meridiem"></li>
                </ul>
            </div>

            <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                <li>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="icon-gear"></span>&#160;&#160;Setting</a>
                    <ul role="menu" class="dropdown-setting dropdown-menu">

                        <li class="theme-bg">
                            <div id="button-bg"></div>
                            <div id="button-bg2"></div>
                            <div id="button-bg3"></div>
                            <div id="button-bg5"></div>
                            <div id="button-bg6"></div>
                            <div id="button-bg7"></div>
                            <div id="button-bg8"></div>
                            <div id="button-bg9"></div>
                            <div id="button-bg10"></div>
                            <div id="button-bg11"></div>
                            <div id="button-bg12"></div>
                            <div id="button-bg13"></div>
                        </li>
                    </ul>
                </li>
                <li class="hidden-xs">
                    <a class="toggle-left" href="#">
                        <span style="font-size:20px;" class="entypo-list-add"></span>
                    </a>
                </li>
            </ul>

        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

    <!-- /END OF TOP NAVBAR -->

    <!-- SIDE MENU -->
<div id="skin-select">
    <div id="logo">
        <h1>Patronum</h1>
    </div>

    <a id="toggle">
        <span class="entypo-menu"></span>
    </a>



    <div class="skin-part">
        <div id="tree-wrap">
            <div class="side-bar">
                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="widget-menu"></span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="index.html" title="Media">
                            <i class="icon-camera" style="font-size: 17px!important;"></i>
                            <span>服务器物理信息</span>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="opm.html" title="Blog App">
                            <i class="icon-document-edit"></i>
                            <span>优化报告</span>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="map.html" title="Social">
                            <i class="icon-feed" style="font-size: 17px!important;"></i>
                            <span>攻击事件回溯</span>

                        </a>
                    </li>

                </ul>

                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="design-kit"></span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="index.html" title="Dashboard">
                            <i class="icon-window" style="font-size: 17px!important;"></i>
                            <span>About us</span>

                        </a>
                    </li>
                    <!--
                    <li>
                        <a class="tooltip-tip ajax-load" href="mail.html" title="Mail">
                            <i class="icon-mail"></i>
                            <span>mail</span>
                            <div class="noft-blue">289</div>
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="icon.html" title="Icons">
                            <i class="icon-preview"></i>
                            <span>Icons</span>
                            <div class="noft-blue" style="display: inline-block; float: none;">New</div>
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip" href="#" title="Extra Pages">
                            <i class="icon-document-new"></i>
                            <span>About us</span>
                        </a>
                        <ul>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="blank_page.html" title="Blank Page"><i class="icon-media-record"></i><span>Blank Page</span></a>
                            </li>
                             <li>
                                <a class="tooltip-tip2 ajax-load" href="profile.html" title="Profile Page"><i class="icon-user"></i><span>Profile Page</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="invoice.html" title="Invoice"><i class="entypo-newspaper"></i><span>Invoice</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="pricing_table.html" title="Pricing Table"><i class="fontawesome-money"></i><span>Pricing Table</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="time-line.html" title="Time Line"><i class="entypo-clock"></i><span>Time Line</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2" href="404.html" title="404 Error Page"><i class="icon-thumbs-down"></i><span>404 Error Page</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2" href="500.html" title="500 Error Page"><i class="icon-thumbs-down"></i><span>500 Error Page</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2" href="lock-screen.html" title="Lock Screen"><i class="icon-lock"></i><span>Lock Screen</span></a>
                            </li>
                        </ul>
                    </li>
-->
                    <li>
                        <a class="tooltip-tip " href="login.html" title="login">
                            <i class="icon-download " style="font-size: 17px!important;"></i>
                            <span>切换服务器</span>
                        </a>
                    </li>

                </ul>

                <ul id="menu-showhide" class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="component"></span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>


                    <li>
                        <a class="tooltip-tip" href="#" title="UI Element">
                            <i class="icon-monitor"></i>
                            <span>退出登录</span>
                        </a>
                        <!--
                       <ul>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="element.html" title="Element"><i class="icon-attachment"></i><span>Element</span></a>
                           </li>
                           <li><a class="tooltip-tip2 ajax-load" href="button.html" title="Button"><i class="icon-view-list-large"></i><span>Button</span> <div class="noft-blue-number">10</div></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="wizard.html" title="Tab & Accordion"><i class="icon-folder"></i><span>Wizard</span><div class="noft-purple-number">3</div></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="calendar.html" title="Calender"><i class="icon-calendar"></i><span>Calendar</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="tree.html" title="Tree View"><i class="icon-view-list"></i><span>Tree View</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="grids.html" title="Grids"><i class="icon-menu"></i><span>Grids</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="chart.html" title="Chart"><i class="icon-graph-pie"></i><span>Chart</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip ajax-load" href="typhography.html" title="Typhoghrapy">
                                   <i class="icon-information"></i>
                                   <span>Typhoghrapy</span>
                               </a>
                           </li>
                       </ul>
                       -->
                    </li>
                    <li>
                        <a class="tooltip-tip" href="#" title="Form">
                            <i class="icon-document"></i>
                            <span>更改密码</span>
                        </a>
                        <!--
                       <ul>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="form-element.html" title="Form Elements"><i class="icon-document-edit"></i><span>Form Elements</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="andvance-form.html" title="Andvance Form"><i class="icon-map"></i><span>Andvance Form</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="text-editor.html" title="Text Editor"><i class="icon-code"></i><span>Text Editor</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="file-upload.html" title="File Upload"><i class="icon-upload"></i><span>File Upload</span></a>
                           </li>
                       </ul>
                       -->
                    </li>
                    <li>
                        <a class="tooltip-tip" href="#" title="Tables">
                            <i class="icon-view-thumb"></i>
                            <span>绑定服务器</span>
                        </a>
                        <!--
                       <ul>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="table-static.html" title="Table Static"><i class="entypo-layout"></i><span>Table Static</span></a>
                           </li>
                           <li>
                               <a class="tooltip-tip2 ajax-load" href="table-dynamic.html" title="Table Dynamic"><i class="entypo-menu"></i><span>Table Dynamic</span></a>
                           </li>
                       </ul>
                       -->
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="map.html" title="Map">
                            <i class="icon-location"></i>
                            <span>服务期定位</span>

                        </a>
                    </li>
                </ul>

                <!--
                                                    <div class="side-dash">
                                                        <h3>
                                                            <span>Device</span>
                                                        </h3>
                                                        <ul class="side-dashh-list">
                                                            <li>Avg. Traffic
                                                                <span>25k<i style="color:#44BBC1;" class="fa fa-arrow-circle-up"></i>
                                                                </span>
                                                            </li>
                                                            <li>Visitors
                                                                <span>80%<i style="color:#AB6DB0;" class="fa fa-arrow-circle-down"></i>
                                                                </span>
                                                            </li>
                                                            <li>Convertion Rate
                                                                <span>13m<i style="color:#19A1F9;" class="fa fa-arrow-circle-up"></i>
                                                                </span>
                                                            </li>
                                                        </ul>
                                                        <h3>
                                                            <span>Traffic</span>
                                                        </h3>
                                                        <ul class="side-bar-list">
                                                            <li>Avg. Traffic
                                                                <div class="linebar">5,7,8,9,3,5,3,8,5</div>
                                                            </li>
                                                            <li>Visitors
                                                                <div class="linebar2">9,7,8,9,5,9,6,8,7</div>
                                                            </li>
                                                            <li>Convertion Rate
                                                                <div class="linebar3">5,7,8,9,3,5,3,8,5</div>
                                                            </li>
                                                        </ul>
                                                        <h3>
                                                            <span>Visitors</span>
                                                        </h3>
                                                        <div id="g1" style="height:180px" class="gauge"></div>
                                                    </div>
                                                    -->
            </div>
        </div>
    </div>
</div>
    <!-- END OF SIDE MENU -->



    <!--  PAPER WRAP -->



<!--  PAPER WRAP -->
<div class="wrap-fluid">
    <div class="container-fluid paper-wrap bevel tlbr">





        <!-- CONTENT -->
        <!--TITLE -->
        <div class="row">
            <div id="paper-top">
                <div class="col-sm-3">
                    <h2 class="tittle-content-header">
                        <span class="entypo-newspaper"></span>
                            <span>日志流量分析
                            </span>
                    </h2>

                </div>
                
            </div>
        </div>
        <!--/ TITLE -->

        <!-- BREADCRUMB -->
        <ul id="breadcrumb">
            <li>
                <span class="entypo-home"></span>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">Index</a>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">Journal</a>
            </li>
        </ul>

        <!-- END OF BREADCRUMB -->
        <div class="content-wrap">
            <div class="page-extra">
                <div style="background:#1B1B1B">
                    <!-- Main content -->
                    <div id="mainMap" style="height:650px;width: 1000px;padding:10px;background:#1B1B1B">
                    </div>
                    <!--Step:2 Import echarts.js-->
                    <!--Step:2 引入echarts.js-->

                    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
                    <script type="text/javascript" src="js/chart/map.js"></script>
                    <script src="js/echarts.js" charset="UTF-8"></script>
                    <script type="text/javascript">
                        $('#document').ready(function(){
                            getEcharts();
                        });
                    </script>

                    <script type="text/javascript">
                        function getEcharts(){
                            // Step:3 conifg ECharts's path, link to echarts.js from current page.
                            // Step:3 为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需图表路径
                            require.config({
                                paths: {
                                    echarts: './js'
                                }
                            });

                            // Step:4 require echarts and use it in the callback.
                            // Step:4 动态加载echarts然后在回调函数中开始使用，注意保持按需加载结构定义图表路径
                            require(
                                    [
                                        'echarts',
                                        'echarts/chart/map'
                                    ],
                                    function (ec) {
                                        // --- 地图 ---
                                        var myChart2 = ec.init(document.getElementById('mainMap'));

                                        option={
                                            title : {
                                                text: '攻击事件回溯',
                                                left: 'center',
                                                textStyle : {
                                                    color: '#fff',
                                                    fontSize:30
                                                }
                                            },
                                            tooltip : {
                                                trigger: 'item'
                                            },
                                            dataRange: {
                                                min : 0,
                                                max : 10000,
                                                calculable : true,
                                                color: ['#ff3333', 'orange', 'yellow','lime','aqua'],
                                                textStyle:{
                                                    color:'#fff'
                                                }
                                            },
                                            series : [
                                                {
                                                    name: '全球',
                                                    type: 'map',
                                                    roam: true,
                                                    hoverable: false,
                                                    mapType: 'world',
                                                    itemStyle:{
                                                        normal:{
                                                            borderColor:'rgba(100,149,237,1)',
                                                            borderWidth:0.5,
                                                            areaStyle:{
                                                                color: '#1b1b1b'
                                                            }
                                                        }
                                                    },
                                                    data:[],
                                                    markLine : {
                                                        smooth:true,
                                                        symbol: ['none', 'circle'],
                                                        symbolSize : 1,
                                                        itemStyle : {
                                                            normal: {
                                                                color:'#fff',
                                                                borderWidth:1,
                                                                borderColor:'rgba(30,144,255,0.5)'
                                                            }
                                                        },
                                                        data : [
                                                        ],
                                                    },
                                                    geoCoord: {

                                                        '上海': [121.4648,31.2891],
                                                        '广东': [113.8953,22.901],
                                                        '东营': [118.7073,37.5513],
                                                        '中山': [113.4229,22.478],
                                                        '临汾': [111.4783,36.1615],
                                                        '临沂': [118.3118,35.2936],
                                                        '丹东': [124.541,40.4242],
                                                        '丽水': [119.5642,28.1854],
                                                        '乌鲁木齐': [87.9236,43.5883],
                                                        '佛山': [112.8955,23.1097],
                                                        '保定': [115.0488,39.0948],
                                                        '兰州': [103.5901,36.3043],
                                                        '包头': [110.3467,41.4899],
                                                        '北京': [116.4551,40.2539],
                                                        '北海': [109.314,21.6211],
                                                        '南京': [118.8062,31.9208],
                                                        '南宁': [108.479,23.1152],
                                                        '南昌': [116.0046,28.6633],
                                                        '南通': [121.1023,32.1625],
                                                        '厦门': [118.1689,24.6478],
                                                        '台州': [121.1353,28.6688],
                                                        '合肥': [117.29,32.0581],
                                                        '内蒙古': [111.4124,40.4901],
                                                        '咸阳': [108.4131,34.8706],
                                                        '哈尔滨': [127.9688,45.368],
                                                        '唐山': [118.4766,39.6826],
                                                        '嘉兴': [120.9155,30.6354],
                                                        '大同': [113.7854,39.8035],
                                                        '大连': [122.2229,39.4409],
                                                        '天津': [117.4219,39.4189],
                                                        '太原': [112.3352,37.9413],
                                                        '威海': [121.9482,37.1393],
                                                        '宁波': [121.5967,29.6466],
                                                        '宝鸡': [107.1826,34.3433],
                                                        '宿迁': [118.5535,33.7775],
                                                        '常州': [119.4543,31.5582],
                                                        '广州': [113.5107,23.2196],
                                                        '廊坊': [116.521,39.0509],
                                                        '延安': [109.1052,36.4252],
                                                        '张家口': [115.1477,40.8527],
                                                        '徐州': [117.5208,34.3268],
                                                        '德州': [116.6858,37.2107],
                                                        '惠州': [114.6204,23.1647],
                                                        '成都': [103.9526,30.7617],
                                                        '扬州': [119.4653,32.8162],
                                                        '承德': [117.5757,41.4075],
                                                        '拉萨': [91.1865,30.1465],
                                                        '无锡': [120.3442,31.5527],
                                                        '日照': [119.2786,35.5023],
                                                        '昆明': [102.9199,25.4663],
                                                        '杭州': [119.5313,29.8773],
                                                        '枣庄': [117.323,34.8926],
                                                        '柳州': [109.3799,24.9774],
                                                        '株洲': [113.5327,27.0319],
                                                        '武汉': [114.3896,30.6628],
                                                        '汕头': [117.1692,23.3405],
                                                        '江门': [112.6318,22.1484],
                                                        '沈阳': [123.1238,42.1216],
                                                        '沧州': [116.8286,38.2104],
                                                        '河源': [114.917,23.9722],
                                                        '泉州': [118.3228,25.1147],
                                                        '泰安': [117.0264,36.0516],
                                                        '泰州': [120.0586,32.5525],
                                                        '济南': [117.1582,36.8701],
                                                        '济宁': [116.8286,35.3375],
                                                        '海口': [110.3893,19.8516],
                                                        '淄博': [118.0371,36.6064],
                                                        '淮安': [118.927,33.4039],
                                                        '深圳': [114.5435,22.5439],
                                                        '清远': [112.9175,24.3292],
                                                        '温州': [120.498,27.8119],
                                                        '渭南': [109.7864,35.0299],
                                                        '湖州': [119.8608,30.7782],
                                                        '湘潭': [112.5439,27.7075],
                                                        '滨州': [117.8174,37.4963],
                                                        '潍坊': [119.0918,36.524],
                                                        '烟台': [120.7397,37.5128],
                                                        '玉溪': [101.9312,23.8898],
                                                        '珠海': [113.7305,22.1155],
                                                        '盐城': [120.2234,33.5577],
                                                        '盘锦': [121.9482,41.0449],
                                                        '石家庄': [114.4995,38.1006],
                                                        '福州': [119.4543,25.9222],
                                                        '秦皇岛': [119.2126,40.0232],
                                                        '绍兴': [120.564,29.7565],
                                                        '聊城': [115.9167,36.4032],
                                                        '肇庆': [112.1265,23.5822],
                                                        '舟山': [122.2559,30.2234],
                                                        '苏州': [120.6519,31.3989],
                                                        '莱芜': [117.6526,36.2714],
                                                        '菏泽': [115.6201,35.2057],
                                                        '营口': [122.4316,40.4297],
                                                        '葫芦岛': [120.1575,40.578],
                                                        '衡水': [115.8838,37.7161],
                                                        '衢州': [118.6853,28.8666],
                                                        '西宁': [101.4038,36.8207],
                                                        '西安': [109.1162,34.2004],
                                                        '贵阳': [106.6992,26.7682],
                                                        '连云港': [119.1248,34.552],
                                                        '邢台': [114.8071,37.2821],
                                                        '邯郸': [114.4775,36.535],
                                                        '郑州': [113.4668,34.6234],
                                                        '鄂尔多斯': [108.9734,39.2487],
                                                        '重庆': [107.7539,30.1904],
                                                        '金华': [120.0037,29.1028],
                                                        '铜川': [109.0393,35.1947],
                                                        '银川': [106.3586,38.1775],
                                                        '镇江': [119.4763,31.9702],
                                                        '长春': [125.8154,44.2584],
                                                        '湖南': [113.0823,28.2568],
                                                        '长治': [112.8625,36.4746],
                                                        '阳泉': [113.4778,38.0951],
                                                        '青岛': [120.4651,36.3373],
                                                        '韶关': [113.7964,24.7028],
                                                        '阿富汗':[67.709953,33.93911],'安哥拉':[17.873887,-11.202692],'阿尔巴尼亚':[20.168331,41.153332],'阿联酋':[53.847818,23.424076],'阿根廷':[-63.61667199999999,-38.416097],'亚美尼亚':[45.038189,40.069099],'法属南半球和南极领地':[69.348557,-49.280366],'澳大利亚':[133.775136,-25.274398],'奥地利':[14.550072,47.516231],'阿塞拜疆':[47.576927,40.143105],'布隆迪':[29.918886,-3.373056],'比利时':[4.469936,50.503887],'贝宁':[2.315834,9.30769],'布基纳法索':[-1.561593,12.238333],'孟加拉国':[90.356331,23.684994],'保加利亚':[25.48583,42.733883],'巴哈马':[-77.39627999999999,25.03428],'波斯尼亚和黑塞哥维那':[17.679076,43.915886],'白俄罗斯':[27.953389,53.709807],'伯利兹':[-88.49765,17.189877],'百慕大':[-64.7505,32.3078],'玻利维亚':[-63.58865299999999,-16.290154],'巴西':[-51.92528,-14.235004],'文莱':[114.727669,4.535277],'不丹':[90.433601,27.514162],'博茨瓦纳':[24.684866,-22.328474],'中非共和国':[20.939444,6.611110999999999],'加拿大':[-106.346771,56.130366],'瑞士':[8.227511999999999,46.818188],'智利':[-71.542969,-35.675147],'中国':[104.195397,35.86166],'象牙海岸':[-5.547079999999999,7.539988999999999],'喀麦隆':[12.354722,7.369721999999999],'刚果民主共和国':[21.758664,-4.038333],'刚果共和国':[15.827659,-0.228021],'哥伦比亚':[-74.297333,4.570868],'哥斯达黎加':[-83.753428,9.748916999999999],'古巴':[-77.781167,21.521757],'北塞浦路斯':[33.429859,35.126413],'塞浦路斯':[33.429859,35.126413],'捷克共和国':[15.472962,49.81749199999999],'德国':[10.451526,51.165691],'吉布提':[42.590275,11.825138],'丹麦':[9.501785,56.26392],'多明尼加共和国':[-70.162651,18.735693],'阿尔及利亚':[1.659626,28.033886],'厄瓜多尔':[-78.18340599999999,-1.831239],'埃及':[30.802498,26.820553],'厄立特里亚':[39.782334,15.179384],'西班牙':[-3.74922,40.46366700000001],'爱沙尼亚':[25.013607,58.595272],'埃塞俄比亚':[40.489673,9.145000000000001],'芬兰':[25.748151,61.92410999999999],'斐':[178.065032,-17.713371],'福克兰群岛':[-59.523613,-51.796253],'法国':[2.213749,46.227638],'加蓬':[11.609444,-0.803689],'英国':[-3.435973,55.378051],'格鲁吉亚':[-82.9000751,32.1656221],'加纳':[-1.023194,7.946527],'几内亚':[-9.696645,9.945587],'冈比亚':[-15.310139,13.443182],'几内亚比绍':[-15.180413,11.803749],'赤道几内亚':[10.267895,1.650801],'希腊':[21.824312,39.074208],'格陵兰':[-42.604303,71.706936],'危地马拉':[-90.23075899999999,15.783471],'法属圭亚那':[-53.125782,3.933889],'圭亚那':[-58.93018,4.860416],'洪都拉斯':[-86.241905,15.199999],'克罗地亚':[15.2,45.1],'海地':[-72.285215,18.971187],'匈牙利':[19.503304,47.162494],'印尼':[113.921327,-0.789275],'印度':[78.96288,20.593684],'爱尔兰':[-8.24389,53.41291],'伊朗':[53.688046,32.427908],'伊拉克':[43.679291,33.223191],'冰岛':[-19.020835,64.963051],'以色列':[34.851612,31.046051],'意大利':[12.56738,41.87194],'牙买加':[-77.297508,18.109581],'约旦':[36.238414,30.585164],'日本':[138.252924,36.204824],'哈萨克斯坦':[66.923684,48.019573],'肯尼亚':[37.906193,-0.023559],'吉尔吉斯斯坦':[74.766098,41.20438],'柬埔寨':[104.990963,12.565679],'韩国':[127.766922,35.907757],'科索沃':[20.902977,42.6026359],'科威特':[47.481766,29.31166],'老挝':[102.495496,19.85627],'黎巴嫩':[35.862285,33.854721],'利比里亚':[-9.429499000000002,6.428055],'利比亚':[17.228331,26.3351],'斯里兰卡':[80.77179699999999,7.873053999999999],'莱索托':[28.233608,-29.609988],'立陶宛':[23.881275,55.169438],'卢森堡':[6.129582999999999,49.815273],'拉脱维亚':[24.603189,56.879635],'摩洛哥':[-7.092619999999999,31.791702],'摩尔多瓦':[28.369885,47.411631],'马达加斯加':[46.869107,-18.766947],'墨西哥':[-102.552784,23.634501],'马其顿':[21.745275,41.608635],'马里':[-3.996166,17.570692],'缅甸':[95.956223,21.913965],'黑山':[19.37439,42.708678],'蒙古':[103.846656,46.862496],'莫桑比克':[35.529562,-18.665695],'毛里塔尼亚':[-10.940835,21.00789],'马拉维':[34.301525,-13.254308],'马来西亚':[101.975766,4.210484],'纳米比亚':[18.49041,-22.95764],'新喀里多尼亚':[165.618042,-20.904305],'尼日尔':[8.081666,17.607789],'尼日利亚':[8.675277,9.081999],'尼加拉瓜':[-85.207229,12.865416],'荷兰':[5.291265999999999,52.132633],'挪威':[8.468945999999999,60.47202399999999],'尼泊尔':[84.12400799999999,28.394857],'新西兰':[174.885971,-40.900557],'阿曼':[55.923255,21.512583],'巴基斯坦':[69.34511599999999,30.375321],'巴拿马':[-80.782127,8.537981],'秘鲁':[-75.015152,-9.189967],'菲律宾':[121.774017,12.879721],'巴布亚新几内亚':[143.95555,-6.314992999999999],'波兰':[19.145136,51.919438],'波多黎各':[-66.590149,18.220833],'北朝鲜':[127.510093,40.339852],'葡萄牙':[-8.224454,39.39987199999999],'巴拉圭':[-58.443832,-23.442503],'卡塔尔':[51.183884,25.354826],'罗马尼亚':[24.96676,45.943161],'俄罗斯':[105.318756,61.52401],'卢旺达':[29.873888,-1.940278],'西撒哈拉':[-12.885834,24.215527],'沙特阿拉伯':[45.079162,23.885942],'苏丹':[30.217636,12.862807],'南苏丹':[31.3069788,6.876991899999999],'塞内加尔':[-14.452362,14.497401],'所罗门群岛':[160.156194,-9.64571],'塞拉利昂':[-11.779889,8.460555],'萨尔瓦多':[-88.89653,13.794185],'索马里兰':[46.8252838,9.411743399999999],'索马里':[46.199616,5.152149],'塞尔维亚共和国':[21.005859,44.016521],'苏里南':[-56.027783,3.919305],'斯洛伐克':[19.699024,48.669026],'斯洛文尼亚':[14.995463,46.151241],'瑞典':[18.643501,60.12816100000001],'斯威士兰':[31.465866,-26.522503],'叙利亚':[38.996815,34.80207499999999],'乍得':[18.732207,15.454166],'多哥':[0.824782,8.619543],'泰国':[100.992541,15.870032],'塔吉克斯坦':[71.276093,38.861034],'土库曼斯坦':[59.556278,38.969719],'东帝汶':[125.727539,-8.874217],'特里尼达和多巴哥':[-61.222503,10.691803],'突尼斯':[9.537499,33.886917],'土耳其':[35.243322,38.963745],'坦桑尼亚联合共和国':[34.888822,-6.369028],'乌干达':[32.290275,1.373333],'乌克兰':[31.16558,48.379433],'乌拉圭':[-55.765835,-32.522779],'美国':[-95.712891,37.09024],'乌兹别克斯坦':[64.585262,41.377491],'委内瑞拉':[-66.58973,6.42375],'越南':[108.277199,14.058324],'瓦努阿图':[166.959158,-15.376706],'西岸':[35.3027226,31.9465703],'也门':[48.516388,15.552727],'南非':[22.937506,-30.559482],'赞比亚':[27.849332,-13.133897],'津巴布韦':[29.154857,-19.015438]
                                                    },
                                                    markPoint : {
                                                        symbol:'circle',
                                                        symbolSize : function (v){
                                                            return 10 + v/2000
                                                        },
                                                        effect : {
                                                            show: true,
                                                            shadowBlur : 0
                                                        },
                                                        itemStyle:{
                                                            normal:{
                                                                label:{show:false}
                                                            },
                                                            emphasis: {
                                                                label:{position:'top'}
                                                            }
                                                        },
                                                        data : [
                                                            {name:'阿根廷',value:950},
                                                            {name:'安哥拉',value:850},
                                                            {name:'阿根廷',value:2000},
                                                            {name:'亚美尼亚',value:160},
                                                            {name:'美国',value:9500},
                                                            {name:'巴西',value:4600},
                                                            {name:'以色列',value:850},
                                                            {name:'英国',value:600},
                                                            {name:'法国',value:700},
                                                            {name:'舟山',value:800},
                                                            {name:'广州',value:900},
                                                            {name:'台州',value:465},
                                                            {name:'西宁',value:4561},
                                                            {name:'澳大利亚',value:1564},
                                                            {name:'西安',value:4687},
                                                            {name:'上海',value:6879}

                                                        ]
                                                    }
                                                },
                                                {
                                                    name: '北京 Top10',
                                                    type: 'map',
                                                    mapType: 'world',
                                                    data:[],
                                                    markLine : {
                                                        smooth:true,
                                                        effect : {
                                                            show: true,
                                                            scaleSize: 1,
                                                            period: 30,
                                                            color: '#fff',
                                                            shadowBlur: 10
                                                        },
                                                        itemStyle : {
                                                            normal: {
                                                                label:{show:false},
                                                                borderWidth:1,
                                                                lineStyle: {
                                                                    type: 'solid',
                                                                    shadowBlur: 10
                                                                }
                                                            }
                                                        },

                                                        data : [
                                                            [{name:'安哥拉'}, {name:'北京',value:850}],
                                                            [{name:'阿根廷'}, {name:'北京',value:2000}],
                                                            [{name:'亚美尼亚'}, {name:'北京',value:160}],
                                                            [{name:'美国'}, {name:'北京',value:9500}],
                                                            [{name:'巴西'}, {name:'北京',value:4600}],
                                                            [{name:'以色列'}, {name:'北京',value:85}],
                                                            [{name:'英国'}, {name:'北京',value:600}],
                                                            [{name:'法国'}, {name:'北京',value:700}],
                                                            [{name:'舟山'}, {name:'北京',value:800}],
                                                            [{name:'广州'}, {name:'北京',value:900}],
                                                            [{name:'台州'}, {name:'北京',value:465}],
                                                            [{name:'西宁'}, {name:'北京',value:4561}],
                                                            [{name:'澳大利亚'}, {name:'北京',value:1564}],
                                                            [{name:'西安'}, {name:'北京',value:4687}],
                                                            [{name:'上海'}, {name:'北京',value:6879}],

                                                        ]
                                                    },
                                                    markPoint : {
                                                        symbol:'pin',
                                                        symbolSize : function (v){
                                                            return 0.1
                                                        },
                                                        effect : {
                                                            show: false,
                                                            shadowBlur : 0
                                                        },
                                                        itemStyle:{
                                                            normal:{
                                                                label:{show:true,
                                                                    position:'top',
                                                                    textStyle: {
                                                                        fontSize: 14
                                                                    }
                                                                }
                                                            },
                                                            emphasis: {
                                                                label:{show:false}
                                                            }
                                                        },
                                                        data : []
                                                    }
                                                }
                                            ]
                                        };

                                        /*
                                         var a='北京';
                                         var names=[];
                                         var values=[];


                                         $.ajax({
                                         type:"post",
                                         async:false,
                                         url:"php/a.php",
                                         data:{},
                                         scriptCharset: 'utf-8',
                                         dataType:"json",
                                         success:function(res){
                                         for (var i=0;i<10;i++) {
                                         names.push(res[i]);
                                         }
                                         for (var i=10;i<20;i++) {
                                         values.push(res[i]);
                                         }
                                         for (var i=0;i<10;i++) {
                                         option.series[1].markLine.data.push(
                                         [{name:names[i]}, {name:a,value:values[i]}]     )
                                         }
                                         for (var i=0;i<10;i++) {
                                         option.series[1].markPoint.data.push(
                                         [{name:names[i],value:values[i]}]
                                         )

                                         }

                                         },
                                         error : function(errorMsg) {
                                         //请求失败时执行该函数
                                         alert("a!");}
                                         });*/
                                        myChart2.setOption(option,true);

                                    });
                        }
                    </script>
                    <!-- /.content -->
                </div>
            </div>
        </div>

        <div class="content-wrap">
            <div class="page-extra">

                <!-- Main content -->
                <section class="content invoice">
                    <!-- title row -->
                    <div class="row">
                        <div class="col-xs-12 invoice-header" style="color:#291B1B">
                            <h2 class="page-header">
                                <i class="fa fa-globe"></i> 风险事件分析
                                <small class="pull-right">Date: 18/04/2017</small>
                            </h2>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- info row -->
                    <!-- /.row -->

                    <!-- Table row -->
                    <div class="row">
                        <div class="col-xs-12 table-responsive "style="font-size:17px!important ">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>IP</th>
                                    <th>Country</th>
                                    <th>Region</th>
                                    <th>Attack Method</th>
                                    <th>Time</th>
                                    <th>Risk Grade</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>10.177.96.164</td>
                                    <td>美国</td>
                                    <td>加利福尼亚</td>
                                    <td>sql注入</td>
                                    <td>2017.4.18-13:17</td>
                                    <td>85</td>

                                </tr>

                                <tr>
                                    <td>2</td>
                                    <td>202.006.098.156</td>
                                    <td>日本</td>
                                    <td>东京</td>
                                    <td>XSS攻击</td>
                                    <td>2017.4.18-08:46</td>
                                    <td>83</td>

                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>121.42.195.7</td>
                                    <td>中国</td>
                                    <td>青岛</td>
                                    <td>恶意扫描</td>
                                    <td>2017.4.18-06:24</td>
                                    <td>70</td>

                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>104.59.217.137</td>
                                    <td>美国</td>
                                    <td>洛杉矶</td>
                                    <td>弱口令爆破</td>
                                    <td>2017.3.25-15:54</td>
                                    <td>67</td>

                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>165.228.132.11</td>
                                    <td>澳大利亚</td>
                                    <td>悉尼</td>
                                    <td>跨站脚本攻击</td>
                                    <td>2017.2.15-21:34</td>
                                    <td>61</td>

                                </tr>
                                <tr>
                                    <td>6</td>
                                    <td>138.68.51.71</td>
                                    <td>巴西</td>
                                    <td>里约热内卢</td>
                                    <td>cookie注入</td>
                                    <td>2016.12.24-22:58</td>
                                    <td>60</td>

                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->


                    <!-- /.row -->

                    <!-- this row will not appear when printing -->
                </section>
                <!-- /.content -->
            </div>
        </div>
        <!-- /END OF CONTENT -->



        <!-- FOOTER -->
        <!-- / END OF FOOTER -->


    </div>
</div>





    <!-- RIGHT SLIDER CONTENT -->
    <div class="sb-slidebar sb-right">
        <div class="right-wrapper">
            <div class="row">
                <h3>
                    <span><i class="entypo-gauge"></i>&nbsp;&nbsp;MAIN WIDGET</span>
                </h3>
                <div class="col-sm-12">

                    <div class="widget-knob">
                        <span class="chart" style="position:relative" data-percent="86">
                            <span class="percent"></span>
                        </span>
                    </div>
                    <div class="widget-def">
                        <b>Distance traveled</b>
                        <br>
                        <i>86% to the check point</i>
                    </div>

                    <div class="widget-knob">
                        <span class="speed-car" style="position:relative" data-percent="60">
                            <span class="percent2"></span>
                        </span>
                    </div>
                    <div class="widget-def">
                        <b>The average speed</b>
                        <br>
                        <i>30KM/h avarage speed</i>
                    </div>


                    <div class="widget-knob">
                        <span class="overall" style="position:relative" data-percent="25">
                            <span class="percent3"></span>
                        </span>
                    </div>
                    <div class="widget-def">
                        <b>Overall result</b>
                        <br>
                        <i>30KM/h avarage Result</i>
                    </div>
                </div>
            </div>
        </div>

        <div style="margin-top:0;" class="right-wrapper">
            <div class="row">
                <h3>
                    <span><i class="entypo-chat"></i>&nbsp;&nbsp;CHAT</span>
                </h3>
                <div class="col-sm-12">
                    <span class="label label-warning label-chat">Online</span>
                    <ul class="chat">
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle" src="http://api.randomuser.me/portraits/thumb/men/20.jpg">
                                </span><b>Dave Junior</b>
                                <br><i>Last seen : 08:00 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle" src="http://api.randomuser.me/portraits/thumb/men/21.jpg">
                                </span><b>Kenneth Lucas</b>
                                <br><i>Last seen : 07:21 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle" src="http://api.randomuser.me/portraits/thumb/men/22.jpg">
                                </span><b>Heidi Perez</b>
                                <br><i>Last seen : 05:43 PM</i>
                            </a>
                        </li>


                    </ul>

                    <span class="label label-chat">Offline</span>
                    <ul class="chat">
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/men/23.jpg">
                                </span><b>Dave Junior</b>
                                <br><i>Last seen : 08:00 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/women/24.jpg">
                                </span><b>Kenneth Lucas</b>
                                <br><i>Last seen : 07:21 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/men/25.jpg">
                                </span><b>Heidi Perez</b>
                                <br><i>Last seen : 05:43 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/women/25.jpg">
                                </span><b>Kenneth Lucas</b>
                                <br><i>Last seen : 07:21 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/men/26.jpg">
                                </span><b>Heidi Perez</b>
                                <br><i>Last seen : 05:43 PM</i>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- END OF RIGHT SLIDER CONTENT-->



    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="assets/js/preloader.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
    <script type="text/javascript" src="assets/js/load.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

    <script type="text/javascript" src="assets/js/upload/demos/js/demo.min.js"></script>
    <script type="text/javascript" src="assets/js/upload/src/dmuploader.min.js"></script>



</body>

</html>
